<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8"/>
    <title>列表</title>

    <!-- CSS -->
    <link rel="stylesheet" th:href="@{static/plugins/layui/css/layui.css}"/>
</head>
<body>

<div style="margin:10px;">
    <form class="layui-form">
        <div class="layui-form-item ">
            <div class="layui-inline">
                <div class="layui-form-item ">
                    <div class="layui-inline">
                        <label class="layui-form-label"><span style="color: red">* </span>姓名</label>
                        <div class="layui-input-inline">
                            <input type="text" class="layui-input" name="su01" th:value="${sysUser.su01}" lay-verify="required" readonly autocomplete="off"/>
                        </div>
                    </div>
                    <div class="layui-inline">
                        <label class="layui-form-label"><span style="color: red">* </span>登录名</label>
                        <div class="layui-input-inline">
                            <input type="text" class="layui-input" name="su05" th:value="${sysUser.su05}" lay-verify="required" readonly autocomplete="off"/>
                        </div>
                    </div>
                </div>
                <div class="layui-form-item ">
                    <div class="layui-inline">
                        <label class="layui-form-label">性别</label>
                        <div class="layui-input-inline">
                            <select class="layui-form-select" name="su02" lay-verify="false" readonly>
                                <option value="">-- 请选择 --</option>
                                <div th:each="item,iterStat : ${sex}">
                                    <option th:value="${item.sd02}" th:text="${item.sd01}" th:selected="${item.sd02 == sysUser.su02 ? true : false}"></option>
                                </div>
                            </select>
                        </div>
                    </div>
                    <div class="layui-inline">
                        <label class="layui-form-label">年龄</label>
                        <div class="layui-input-inline">
                            <input type="text" class="layui-input" name="su03" th:value="${sysUser.su03}" lay-verify="false" readonly autocomplete="off"/>
                        </div>
                    </div>
                </div>
                <div class="layui-form-item ">
                    <div class="layui-inline">
                        <label class="layui-form-label">出生日期</label>
                        <div class="layui-input-inline">
                            <input type="text" class="layui-input date" name="su04" th:value="${sysUser.su04}" lay-verify="false" readonly autocomplete="off"/>
                        </div>
                    </div>
                    <div class="layui-inline">
                        <label class="layui-form-label">身份证号</label>
                        <div class="layui-input-inline">
                            <input type="text" class="layui-input" name="su13" th:value="${sysUser.su13}" lay-verify="false" readonly autocomplete="off"/>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-inline" style="margin-left: 100px;">
                <div class="layui-upload" style="margin-top: 0px;">
                    <div class="layui-upload-list">
                        <div style="padding: 5px;border: lightgrey 1px solid;text-align: center" >
                            <!--人员正面照-->
                            <input type="hidden" placeholder="人员图片ID" id="fjIds"/>
                            <div th:if="${sysAcc != null}">
                                <img class="layui-upload-img" th:src="@{/sysAcc/getPhoto(filePath=${sysAcc.sa02})}" style="width: 140px;height: 160px;"/>
                            </div>
                            <div th:if="${sysAcc == null}">
                                <img class="layui-upload-img" th:src="@{static/images/head/head.jpg}" style="width: 140px;height: 160px;"/>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-form-item ">
            <div class="layui-inline">
                <label class="layui-form-label">电话</label>
                <div class="layui-input-inline">
                    <input type="text" class="layui-input" name="su11" th:value="${sysUser.su11}" lay-verify="false" readonly autocomplete="off"/>
                </div>
            </div>
            <div class="layui-inline">
                <label class="layui-form-label">邮箱</label>
                <div class="layui-input-inline">
                    <input type="text" class="layui-input" name="su14" th:value="${sysUser.su14}" lay-verify="false" readonly autocomplete="off"/>
                </div>
            </div>
            <div class="layui-inline">
                <label class="layui-form-label">是否启用</label>
                <div class="layui-input-inline">
                    <input type="radio" name="su20" lay-skin="primary" title="启用" value="1" th:field="*{sysUser.su20}"/>
                    <input type="radio" name="su20" lay-skin="primary" title="禁用" value="0" th:field="*{sysUser.su20}"/>
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">学历</label>
            <div class="layui-input-inline">
                <select class="layui-form-select" name="su07" lay-verify="false" readonly>
                    <option value="">-- 请选择 --</option>
                    <div th:each="item,iterStat : ${eduBg}">
                        <option th:value="${item.sd02}" th:text="${item.sd01}" th:selected="${item.sd02 == sysUser.su07 ? true : false}"></option>
                    </div>
                </select>
            </div>
        </div>
        <div class="layui-form-item ">
                <label class="layui-form-label">家庭住址</label>
                <div class="layui-input-block">
                    <input type="text" class="layui-input" name="su08" th:value="${sysUser.su08}" lay-verify="false" readonly autocomplete="off"/>
                </div>
        </div>
        <div class="layui-form-item ">
                <label class="layui-form-label">单位名称</label>
                <div class="layui-input-block">
                    <input type="text" class="layui-input" name="su09" th:value="${sysUser.su09}" lay-verify="false" readonly autocomplete="off"/>
                </div>
        </div>
        <div class="layui-form-item ">
                <label class="layui-form-label">单位地址</label>
                <div class="layui-input-block">
                    <input type="text" class="layui-input" name="su10" th:value="${sysUser.su10}" lay-verify="false" readonly autocomplete="off"/>
                </div>
        </div>
        <div class="layui-form-item ">
            <label class="layui-form-label">备注</label>
            <div class="layui-input-block">
                <textarea class="layui-textarea" name="su18" th:text="${sysUser.su18}" lay-verify="false" readonly autocomplete="off"></textarea>
            </div>
        </div>
        <!--<div class="layui-form-item">-->
            <!--<label class="layui-form-label">添加附件</label>-->
            <!--<div class="layui-input-block">-->
                <!--<input type="text" class="layui-input"  id="xwxxDxsbUploadName" readonly="readonly" placeholder=" + + + "/>-->
                <!--<input type="hidden" class="layui-input"  id="xwxxDxsbUploadId" />-->
            <!--</div>-->
        <!--</div>-->
        <input type="hidden" class="layui-input" name="su00" th:value="${sysUser.su00}"/>
    </form>
</div>




</div>

<!-- JS -->
<script type="text/javascript" th:src="@{static/plugins/layui/layui.js}"></script>

<script th:inline="javascript">

    layui.use(['form'], function () {
        var form = layui.form;

        form.render();

    });
</script>

</body>
</html>